.image01 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 #f5f3f3;
    -moz-box-shadow: 1px 1px 3px 0 #f5f3f3;
    box-shadow: 1px 1px 3px 0 #f5f3f3;
}

    .image01 img {
        width: 100%;
        top: 0;
        position: relative;
        left: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        transition: transform 0.3s;
    }

    .image01 .ovrly {
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .image01 .buttons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .image01 .buttons .fa {
            color: rgba(50, 50, 50, 0.9);
            display: inline-block;
            margin: 0 1px;
            line-height: 40px;
            font-size: 40px;
            cursor: pointer;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            width: 40px;
            height: 40px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0;
        }

    .image01:hover img {
        -webkit-filter: blur(2px);
        filter: blur(2px);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .image01:hover .ovrly {
        opacity: 1;
    }

    .image01:hover .buttons .fa {
        opacity: 1;
    }

.image02 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 #ffffff;
    -moz-box-shadow: 1px 1px 3px 0 #ffffff;
    box-shadow: 1px 1px 3px 0 #ffffff;
}

    .image02 img {
        width: 100%;
        top: 0;
        position: relative;
        left: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        transition: transform 0.3s;
    }
.image02 .ovrly {
    background: rgba(0, 0, 0, 0.0);
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
    .image02 .buttons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .image02 .buttons .fa {
            color: rgba(50, 50, 50, 0.9);
            display: inline-block;
            margin: 0 1px;
            line-height: 40px;
            font-size: 40px;
            cursor: pointer;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            width: 40px;
            height: 40px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0;
        }

    .image02:hover img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    .image02:hover .ovrly {
        opacity: 1;
    }

    .image02:hover .buttons .fa {
        opacity: 1;
    }

.image03 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 #f5f3f3;
    -moz-box-shadow: 1px 1px 3px 0 #f5f3f3;
    box-shadow: 1px 1px 3px 0 #f5f3f3;
}

    .image03 img {
        width: 100%;
        top: 0;
        position: relative;
        left: 0;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        transition: transform 0.3s;
    }

    .image03 .ovrly {
        background: rgba(0, 0, 0, 0.0);
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .image03 .buttons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .image03 .buttons .fa {

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            cursor: pointer;
            color: #ffffff;
            display: inline-block;
            margin: 0 1px;
            line-height: 40px;
            font-size: 40px;
            text-align: center;
            text-decoration: none;
            width: 50px;
            height: 50px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0;

    }  

    .image03:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .image03:hover .ovrly {
        opacity: 1;
    }

    .image03:hover .buttons .fa {
        opacity: 1;
    }

.image04 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 #ffffff;
    -moz-box-shadow: 1px 1px 3px 0 #ffffff;
    box-shadow: 1px 1px 3px 0 #ffffff;
}

    .image04 img {
        width: 100%;
        top: 0;
        position: relative;
        left: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        transition: transform 0.3s;
    }

    .image04 .ovrly {
        background: rgba(0, 0, 0, 0.0);
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .image04 .buttons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .image04 .buttons .fa {
            color: rgba(50, 50, 50, 0.9);
            display: inline-block;
            margin: 0 1px;
            line-height: 40px;
            font-size: 40px;
            cursor: pointer;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            width: 40px;
            height: 40px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0;
        }

    .image04:hover img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .image04:hover .ovrly {
        opacity: 1;
    }

    .image04:hover .buttons .fa {
        opacity: 1;
    }

.image05 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 #f5f3f3;
    -moz-box-shadow: 1px 1px 3px 0 #f5f3f3;
    box-shadow: 1px 1px 3px 0 #f5f3f3;
}

    .image05 .imgB {
        width: 100%;
        top: 0;
        left: 0;
        position: relative;
        opacity: 1;
    }

    .image05 .imgT {
        width: 100%;
        top: 0;
        left: 0;
        position: absolute;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0.5;
    }

    .image05 .ovrly {
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .image05 .buttons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .image05 .buttons .fa {
            color: rgba(50, 50, 50, 0.9);
            display: inline-block;
            margin: 0 1px;
            line-height: 40px;
            font-size: 40px;
            cursor: pointer;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            width: 40px;
            height: 40px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0;
        }

    .image05:hover .imgT {
        opacity: 0;
        -webkit-transform: scale(5);
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        -o-transform: scale(5);
        transform: scale(5);
    }

    .image05:hover .ovrly {
        opacity: 1;
    }

    .image05:hover .buttons .fa {
        opacity: 1;
    }

.image06 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 #f5f3f3;
    -moz-box-shadow: 1px 1px 3px 0 #f5f3f3;
    box-shadow: 1px 1px 3px 0 #f5f3f3;
}

    .image06 .imgB {
        width: 100%;
        top: 0;
        left: 0;
        position: relative;
        opacity: 1;
    }

    .image06 .imgT {
        width: 100%;
        top: 0;
        left: 0;
        position: absolute;
        -webkit-transform: scale(5);
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        -o-transform: scale(5);
        transform: scale(5);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
    }

    .image06 .ovrly {
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .image06 .buttons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .image06 .buttons .fa {
            color: rgba(50, 50, 50, 0.9);
            display: inline-block;
            margin: 0 1px;
            line-height: 40px;
            font-size: 40px;
            cursor: pointer;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            width: 40px;
            height: 40px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0;
        }

    .image06:hover .imgT {
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .image06:hover .ovrly {
        opacity: 1;
    }

    .image06:hover .buttons .fa {
        opacity: 1;
    }
